<template>

    <div class="box">
        <div class="header">
            <van-nav-bar title="登录" left-arrow @click-left="onClickLeft" />
        </div>
        <div class="meddle">
            <van-form @submit="onSubmit">
                <van-cell-group inset>
                    <van-field v-model="username" name="username" label="用户名" placeholder="用户名"
                        :rules="[{ required: true, message: '请填写手机号' },{pattren:/^1[3-9]\d{9}$/,message:'请输入正确的手机号'}]" />
                    <van-field v-model="password" type="password" name="password" label="密码" placeholder="密码"
                        :rules="[{ required: true, message: '请填写密码' }]" />
                </van-cell-group>
                <div style="margin: 16px;">
                    <van-button round block type="primary" native-type="submit" :disabled="username.value==11" @click="$router.push('/user')">
                        登录
                    </van-button><br><br>
                    <van-button round block type="primary" native-type="submit">
                        注册
                    </van-button>
                </div>
            </van-form>
        </div>
    </div>
</template>
<script setup>
    import { ref,onMounted } from "vue";
    import { showSuccessToast, showFailToast } from 'vant';
    const   username=ref('')
    const password=ref('')
    const lisr=ref([])
    const onSubmit=(values)=>{
        console.log('submit',values);
        request.post('/login',{
            params:{
                username:username.value
            }
        }).then(res=>{
            if(res.data.code==200){
                localStorage.setItem('token',username)
                localStorage.setItem('token',password)
                showSuccessToast(message.values)
            }else{
                showFailToast(message.values)
            }
        })
    }
</script>